<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    //目的:封装函数, 复习函数的基本写法。
    //需求：实现两个数的值交换(函数版本)
    //       分析:
    //       1. 函数名为 changeNum()
    //       2. 调用函数时, `changeNum(1，2)`
    //       3. 经过函数内部处理后, 输出`第一个值的结果是2  第二个值的结果是1`
    //       4. 可以多调用两次
    function changeNum(a, b) {
      // 设置一个值temp=某一个数值
      let temp = a
      // 首页temp = a后  a就没有值了  a里面放个值 a = b
      a = b
      // 然后b里面就没值了 再到b里面放个temp值 a = temp
      b = temp
      document.write(`第一个值的结果是${a}<br>第二个值的结果是${b}`)
    }
    // 调用changeNum
    changeNum(1, 2)
    changeNum('刘德华', '张国荣')
  </script>
</body>

</html>